<template>
  <div class="home-container">
    <div class="system-overview">
      <div class="overview-header">
        <h1>Keep Motion 管理系统</h1>
        <p>高效管理您的健身课程与会员数据</p>
      </div>
      
      <div class="overview-content">
        <div class="overview-section">
          <h2>系统介绍</h2>
          <p>Keep Motion 管理系统是一款专为健身行业打造的综合性后台管理平台，提供课程管理、会员管理、数据统计等核心功能，帮助健身机构实现数字化运营管理。系统采用现代化技术架构，界面简洁直观，操作便捷高效，全面满足健身机构的日常运营需求。</p>
        </div>
        
        <div class="overview-features">
          <h2>核心功能</h2>
          <div class="features-grid">
            <div class="feature-card">
              <div class="feature-icon">📚</div>
              <h3>课程管理</h3>
              <p>创建、编辑和发布各类健身课程，管理课程内容、排期和教练分配</p>
            </div>
            <div class="feature-card">
              <div class="feature-icon">👥</div>
              <h3>会员管理</h3>
              <p>维护会员信息，跟踪会员状态、健身进度和消费记录</p>
            </div>
            <div class="feature-card">
              <div class="feature-icon">📊</div>
              <h3>数据统计</h3>
              <p>实时监控运营数据，生成各类业务报表和可视化分析</p>
            </div>
            <div class="feature-card">
              <div class="feature-icon">🏋️‍♂️</div>
              <h3>健身计划</h3>
              <p>为会员定制个性化健身计划，管理训练进度和效果评估</p>
            </div>
            <div class="feature-card">
              <div class="feature-icon">💰</div>
              <h3>财务管理</h3>
              <p>处理会员缴费、课程购买和退款，管理收入支出和财务报表</p>
            </div>
            <div class="feature-card">
              <div class="feature-icon">👨‍🏫</div>
              <h3>人员管理</h3>
              <p>用户的个人信息、评论、关注、点赞、收藏</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import './index.css';
</script>